/**
 * Copyright (c) 2020 kedacom
 * OpenATC is licensed under Mulan PSL v2.
 * You can use this software according to the terms and conditions of the Mulan PSL v2.
 * You may obtain a copy of Mulan PSL v2 at:
 * http://license.coscl.org.cn/MulanPSL2
 * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
 * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
 * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
 * See the Mulan PSL v2 for more details.
 **/
 @import './theme/element-dark.scss';
 @import '../common.scss';
 @import '../variables.scss';
 @import '../mixin.scss';
 @import '../transition.scss';
 @import '../element-ui.scss';
 @import '../../../node_modules/@openatc/edgebase-front/src/styles/common.scss';
 @import '../../../node_modules/@openatc/edgebase-front/src/styles/sidebar.scss';
 @import '../../../node_modules/openatc-components/static/styles/dark/index.scss';
 @import '../video.scss';
 
 body {
   height: 100%;
   margin:0;
   padding:0;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
  //  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
   background-color: $--background-color-base;
 }
 
 label {
   font-weight: 700;
 }
 
 html {
   height: 100%;
   box-sizing: border-box;
 }
 
 #app{
   height: 100%;
 }
 
 *,
 *:before,
 *:after {
   box-sizing: inherit;
 }
 
 a,
 a:focus,
 a:hover {
   cursor: pointer;
   color: inherit;
   outline: none;
   text-decoration: none;
 }
 
 div:focus{
   outline: none;
  }
 
 a:focus,
 a:active {
   outline: none;
 }
 
 a,
 a:focus,
 a:hover {
   cursor: pointer;
   color: inherit;
   text-decoration: none;
 }
 
 .clearfix {
   &:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
   }
 }
 
 //main-container全局样式
 .app-main{
   min-height: 100%
 }
 
 .app-container {
   padding: 20PX;
   .kanban {
     &.todo {
       .board-column-header {
         background: $--color-primary;
       }
     }
   }
 }
 
 .components-container {
   margin: 30px 50px;
   position: relative;
 }
 
 .iconfont {
   font-family:"iconfont" !important;
   font-size:40px;
   text-align:center;
   font-weight:500;
   color: #000000;
   font-style:normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }